<html xmlns="http://www.w3c.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
<h:head>
<script type="text/javascript">
  //<![CDATA[
   //debe usarse los \\:  en lugar de : en los selectores de JQuery
   $( document ).ready(function() {	  
	 console.log('Listo');
	});        
//]]>
</script>
<link rel="stylesheet" type="text/css" href="css/estilo.css"  />
<script type="text/javascript" src="js/main.js" />
</h:head>
<h:body>
  <br/>
  <CENTER><h1>
		<h:outputLabel value="Robot Explorador" />
	</h1></CENTER>
  <h:form id="form_content">       
     <div class="ui-form-col" id="estilocontrol1">
						    <p:commandButton id="adelante"   actionListener="#{actuator.irAdelante}"   value="Adelante" />
							<p:commandButton id="Atras" actionListener="#{actuator.irAtras}" value="Atras" />
							<p:commandButton id="Derecha"  actionListener="#{actuator.irDerecha}" value="Derecha" />
							<p:commandButton id="Izquierda" actionListener="#{actuator.irIzquierda}" value="Izquierda" />
							<p:commandButton id="Detener" actionListener="#{actuator.detener}" value="Detener" />	
						</div>												     
 </h:form>
</h:body>

</html>